.expose .grid {
    grid-template-columns: 3fr 2fr;
    display: grid;
    grid-gap: 15px;

    padding: 20px 10px;

    .introduction {
        p {
            margin-bottom: 5px;
        }
    }
}

.colored {
    background-color: #36b0ec;
    color: white;

    a {
        text-decoration: none;
        color: black;
    }

    a:hover {
        color: white;
    }

    p {
        margin-bottom: 0;
    }
}

.not-colored {
    background-color: white;
    color: black;

    a {
        text-decoration: none;
        color: gray;
    }

    a:hover {
        text-decoration: bold;
    }

    p {
        margin-bottom: 0;
    }
}

.highlights .grid {
    grid-template-columns: 2fr 2fr 2fr;
    display: grid;
    grid-gap: 15px;

    padding: 20px 10px;
}
